<template>
  <div name="service">
    <OrderHeader title="售后服务">
      <template v-slot:tip>
        <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
      </template>
    </OrderHeader>
    <div align="center"><img width=500px src="../assets/imgs/售后支持_01.jpg"/></div>
    <table align='center'>
      <tr>
        <td width="185px" height="250px" align="center">
          <div><a href="#"><img width=185px src="../assets/imgs/维修.jpg" id="imgBg"
          /></a><br/><br/>
            <a href=""><font color="gray">产品维修</font></a><br/>
            <font color="gray">保养服务</font></div>
        </td>
        <td width="185px" height="250px" align="center">
          <div><a href="#"><img width=185px src="../assets/imgs/退货.jpg" id="imgBg"
          /></a><br/><br/>
            <a><font color="gray">退货退款</font></a><br/>
            <font color="gray">退货退款</font></div>
        </td>
        <td width="185px" height="250px" align="center">
          <div><a href="#"><img width=185px src="../assets/imgs/换货.jpg" id="imgBg"
          /></a><br/><br/>
            <a href="#"><font color="gray">换货</font></a><br/>
            <font color="gray">增补服务</font></div>
        </td>
        <td width="185px" height="250px" align="center">
          <div><a href="#"><img width=185px src="../assets/imgs/保险.jpg" id="imgBg"
          /></a><br/><br/>
            <a href=""><font color="gray">保险</font></a><br/>
            <font color="gray">保险 </font></div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import OrderHeader from "../components/OrderHeader";

export default {
  name: "serviceCategory",
  components: {OrderHeader}
}
</script>

<style scoped>

</style>
